<template>
	<div class="prompt">
		<div class="prompt_msg" :class=" show ? 'animt' : ''">{{content}}</div>
	</div>
</template>
<script type="text/javascript">
	export default{
		name:"appPrompt",
		props:['content','show'],
		watch:{
			show(){
				setTimeout(() =>{
					this.$emit("listentPromptanimt",false);
				},2000)
			}
		}
	}
</script>
<style lang="less" scoped>
	.prompt_msg{
		width:100%;
		height:50px;
		line-height: 50px;
		color:#fff;
		background:rgba(0,0,0,0.8);
		position: fixed;
		top:-50px;
		left: 0;
		z-index: 100;
		text-align: center;
		font-size:14px;
		-webkit-transition: all 0.2s linear;
		transition: all 0.2s linear;
	}
	.prompt_msg.animt{
		top:0;
	}
</style>